<include file="Public:header" />

<!--顶部head栏开始-->
<div id="home">

    <div id="header">

        <div style="height:28px; padding-top:10px; background:url(__PUBLIC__/Front/images/xy.png) 10px 8px no-repeat" class="logo"><span onclick=" history.go(-1);">&nbsp;</span></div>

        <div class="shoptitle"><span>{$title|default='产品列表'}</span></div>

        <include file="Public:righttop" />

    </div>

</div>
<!--顶部head栏结束-->


<div id="main">

    <include file="Public:procat" />

    <!--搜索模块开始-->
    <form id="form1" name="form1" method="post" action='{:U("Goods/search")}'>

        <div class="index-search">

            <div class="index-input">

                <input name="keyword" value="" placeholder='请输入搜索关键字' />

                <button type="button" onclick="checKeyword()">搜 索</button>
            </div>

        </div>

    </form>

    <script>

        function checKeyword() {

            var keyword = $('input[name = keyword]').val();

            if ((keyword == '') || (keyword == '请输入搜索关键字')) {
//                jAlert('您好，请输入搜索内容。', '');
                return;
            }

            $('#form1').submit();

        }
    </script>

    <style>

        input,button{padding: 0;margin: 0;}

        .index-search{width: 100%; margin: 0 auto; }

        .index-input{ margin:0 auto;border: 1px solid #c8c8c8; position: relative; margin:5px 0; background: #ffffff none repeat scroll 0 0; border-radius: 5px;  background: rgb(255, 255, 255) url(__PUBLIC__/front/images/search/search.png) no-repeat 3% center; background-size: 20px 20px;}

        .index-input input{width:90%;line-height: 34px; border: none; margin-left: 10%;  outline:none}

        .index-input button{position: absolute;right: -1px;height: 36px;background: #F70808;color: #ffffff; border: none; top: -1px; border-radius: 3px; border-radius: 0 5px 5px 0; padding: 4px;}

    </style>
    <!--搜索模块结束-->


    <ul class="goodslists">

        <empty name='goods'>

            <li style='font-size:14px; text-align:center; padding-top: 60px; padding-bottom: 60px; color:#666'>
                
                暂时没有产品
            
            </li>

            <else/>

            <volist name="goods" id="p">

                <li style="width:50%; float:left; position:relative;font-size:14px">

                    <div style="padding:4px 4px 8px 4px">

                        <a style="background:#fff; padding:5px; display:block;" href="{:U('WeChat/Goods/detail',array('id'=>$p['id']))}">

                            <div style="height:150px;overflow:hidden; text-align:center;">

                                <img alt="{$p.title}" style="height: auto;max-width:100%; min-height:100px;display:inline;" src="__ROOT__{$p.cover|get_cover}">

                            </div>

                            <p style="line-height:20px; height:20px; overflow:hidden; text-align:center; padding-top:5px">{$p.title}</p>

                            <p style="line-height:24px; height:24px; overflow:hidden; color:#32a000"><span style="float:left">惊喜价:</span><b style="font-size:16px; float:left; padding-left:3px;" class="price">￥{$p.price}</b></p>

                            <!--<p style="line-height:20px; height:20px; overflow:hidden; color:#999999">积&emsp;分:{$p.pv}</p>-->

                            <p style="line-height:20px; height:20px; overflow:hidden; color:#999999"><del>市场价:￥{$p.original_price}</del></p>

                        </a>

                    </div>

                    <a href="{:U('WeChat/Goods/detail',array('id'=>$p['id']))}">

                        <span class="buyfals" style=" margin-right:0px;width:55px; height:24px; display:block; text-align:center; line-height:24px; font-size:12px; background:#32a000;border-radius:5px; position:absolute; bottom:13px; right:10px; z-index:10; color:#FFFFFF;">立即购买</span>

                    </a>

                </li>

            </volist>

        </empty>

        <div class="clear"></div>

    </ul>

    <div class="clear10"></div>

</div>

<include file="Public:footer" />